<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/derek-tags" prefix="dk"  %>
<dk:WarPath/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    
    <title>竞彩在线</title>
		<link rel="Stylesheet" type="text/css" href="${_WarPath }/css/smoothDivScroll.css" />
		<script src="${_WarPath }/js/jquery-1.4.js" type="text/javascript"></script>
		<script src="${_WarPath }/js/jquery.ui.widget.js" type="text/javascript"></script>
		<script src="${_WarPath }/js/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>
		
		<script type="text/javascript">
			$(function() {
				$("div#makeMeScrollable").smoothDivScroll({ autoScroll: "onstart", autoScrollDirection: "backandforth", autoScrollStep: 1, autoScrollInterval: 2, startAtElementId: "startAtMe", visibleHotSpots: "always"});
			});
		</script>

		<style>
			#makeMeScrollable div.scrollableArea *
			{
				position: relative;
				display: block;
				float: left;
				padding: 0;
				margin: 0;
			}
		</style>

  </head>
  <body style="background: #636363">
   	  <div id="makeMeScrollable" style="margin-left: 0px;">
		<div class="scrollingHotSpotLeft"></div>
		<div class="scrollingHotSpotRight"></div>
		<div class="scrollWrapper">
			<div class="scrollableArea">
				<img src="${_WarPath }/images/indexScrollImage/44.jpg" alt="竞彩网" id="startAtMe" width="935px" height="291px"/>
				<img src="${_WarPath }/images/indexScrollImage/22.jpg" alt="竞彩网" title="竞彩网" width="935px" height="291px"/>
				<img src="${_WarPath }/images/indexScrollImage/33.jpg" alt="竞彩网" title="竞彩网" width="935px" height="291px"/>
			</div>
		 </div>
		</div>
  </body>
</html>
